import Vue from 'vue'
// 引入App组件，它是所有组件的父组件
import App from './App.vue'

Vue.config.productionTip = false

/**
 * 关于不同版本的Vue
 * 1.vue.js与vue.runtime.xxx.js的区别：
 *  (1).vue.js是完整版的vue，包含：核心功能+模板解析器。
 *  (2).vue.runtime.xxx.js是运行版的Vue，只包含：核心功能；没有模板解析器。
 * 
 * 2.因为vue.runtime.xxx.js没有模板解析器，所以不能使用template配置项，
 * 需要使用render函数接收到的createElement函数去指定具体内容。
 */

new Vue({
  // 下面这行代码一会解释，完成了这个功能：将App组件放入容器中
  render: h => h(App),

  // 上面的render的原始写法
  // render(createElement) {
  //   return createElement('h1','你好啊')
  // }
  
  // template:`<h1>你好啊0</h1>`,
  // components:{App}
  beforeCreate() {
    Vue.prototype.$bus = this
  }
}).$mount('#app')
